<!DOCTYPE html>
<html lang="ch_zn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/mail.css">
</head>

<body>
    <h2 class="title">send a message</h2>
    <div class="mail-form">
        <div class="mail-before">
            <img src="img/before.png" alt="">
        </div>
        <form action="">
            <h3>hello joe,</h3>
            <label for="">your message</label><br>
            <textarea name="" id="" cols="30" rows="10"></textarea><br>
            <h3>best,</h3>
            <div class="input-group">
                <label for="name">name</label><br>
                <input type="text" id="name">
            </div>
            <div class="input-group">
                <label for="email">email</label><br>
                <input type="email">
            </div>
            <button id="send">now,i send thanks</button>
        </form>
        <div class="mail-after">
            <img src="img/after.png" alt="">
        </div>
    </div>
</body>

</html>